<template>
  <div>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">省侧行业信息</span>
    </div>
    <van-field readonly required name="industryBigTypeProvince" :value="fromdata.industryBigTypeProvince" label="省内行业大类：" label-width="7em" />
    <van-field readonly required name="industryBigTypeGroup" :value="fromdata.industryBigTypeGroup" label="集团行业大类：" label-width="7em" />
    <van-field readonly required name="industryMinTypeGroup" :value="fromdata.industryMinTypeGroup" label="集团行业小类：" label-width="7em" />
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">一级DICT行业信息</span>
    </div>
    <van-field readonly required name="industryAttribution" :value="fromdata.industryAttribution" label="15大行业名称：" label-width="7.5em" />
    <van-field readonly required name="industryNameOneLevel" :value="fromdata.industryNameOneLevel" label="行业一级名称：" label-width="7em" />
    <van-field readonly required name="industryNameTwoLevel" :value="fromdata.industryNameTwoLevel" label="行业二级名称：" label-width="7em" />
    <!-- 能力信息 -->
    <section-header :sectionTitle="'能力信息'" />
    <div>
      <van-field readonly required name="abilityInformationState" :value="fromdata.abilityInformationState ? '是' : '否'"
        label="是否使用中台能力:" label-width="9em" />
      <van-field v-if="fromdata.abilityInformationState" readonly required label="能力名称:" label-width="5em" />
      <el-table v-if="fromdata.abilityInformationState" :data="fromdata.abilityInformationModeList"
        :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" border style="width: 100%">
        <el-table-column prop="abilityProvider" label="能力提供方" width="130" />
        <el-table-column prop="abilityName" label="能力名称" width="150" />
        <el-table-column prop="abilityCode" label="能力编码" />
      </el-table>

      <van-field readonly required name="bigDataProductsState" :value="fromdata.bigDataProductsState ? '是' : '否'"
        label="是否使用大数据产品:" label-width="10em" />
      <van-field v-if="fromdata.bigDataProductsState" readonly required label="产品名称:" label-width="5em" />
      <el-table v-if="fromdata.bigDataProductsState" :data="fromdata.bigDataProductsModeList"
        :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" border style="width: 100%">
        <el-table-column prop="firstClassProductName" label="一级产品名称" width="130" />
        <el-table-column prop="productClass" label="产品分类" width="150" />
        <el-table-column prop="maProductName" label="产品名称" width="150" />
        <el-table-column prop="tariffCode" label="资费代码" />
        <el-table-column prop="billingMode" label="计费模式" />
      </el-table>

      <van-field readonly required name="abilityPrecipitate" :value="fromdata.abilityPrecipitate ? '是' : '否'"
        label="是否沉淀中台能力:" label-width="9em" />
      <van-field v-if="fromdata.abilityPrecipitate" readonly required name="abilityName" :value="fromdata.abilityName"
        label="能力名称:" label-width="5em" />
      <van-field v-if="fromdata.abilityPrecipitate" readonly required autosize type="textarea" rows="1"
        name="abilityIntroduce" :value="fromdata.abilityIntroduce" label="能力介绍:" label-width="5em" />
    </div>


    <!-- 融合能力甄别 -->
    <section-header v-if="showRHNLZB" :sectionTitle="'融合能力甄别'" />
    <el-table v-if="showRHNLZB" :data="zhenbieData" :header-cell-style="{ textAlign: 'center' }"
      :cell-style="{ textAlign: 'center' }" border style="width: 100%">
      <el-table-column prop="onename" label="能力分类（一级）" width="100" />
      <el-table-column prop="twoname" label="能力分类（二级）" width="190" />
      <el-table-column prop="threename" label="能力分类（三级）" />
      <el-table-column prop="abilityName" label="能力提供方" />
      <el-table-column prop="abilityUser" label="甄别人" />
      <el-table-column prop="abilityOrg" label="甄别人组织" width="110" />
    </el-table>


    <!-- 空白格 -->
    <van-field label-width="10em" readonly label=" " class="lyy-width" />
    <van-field label-width="10em" readonly label=" " class="lyy-width" />

  </div>
</template>
 
<script>

import { mapGetters } from "vuex";
import SectionHeader from '../sztdzj/sztdzjDetail/section-header.vue';
import moment from 'moment'

export default {
  data() {
    return {

    }
  },

  props: ['fromdata', 'zhenbieData'],
  methods: {

  },

  computed: {
    ...mapGetters(["user"]),
    ...mapGetters(["userinfo"]),

    showRHNLZB() {
      return this.zhenbieData && this.zhenbieData.length > 0;
    }
  },
  
  components: {
    SectionHeader

  },
}
</script>
 
<style lang="scss" scoped></style>
